<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <base href="<%=basePath%>">
  <title> 歌曲介绍 </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link href="css/homepage.css" rel="stylesheet" type="text/css">
  <link href="css/singerinfo.css" rel="stylesheet" type="text/css">
   <link href="css/singer.css" rel="stylesheet" type="text/css">
   <link href="images/favicon.ico"  rel="shortcut icon" />
  <SCRIPT src="js/ScrollPic.js" type=text/javascript></SCRIPT>

 <style type="text/css">


a{text-decoration:none}
.box{font-size:12px;}
.box A:link {	COLOR: #2c76c0}
.box A:visited {COLOR: #2c76c0}
.box A:hover {	COLOR: #00ccff}
.box A:active {	COLOR: #2c76c0}


.blk_29 { background:#fff;border:1px solid #dfdfdf;PADDING-RIGHT: 0px; BORDER-TOP: #a1d2fd 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden;  PADDING-TOP: 10px; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	margin-top:40px;BACKGROUND: url(images/left2.jpg) no-repeat 0px 0px; LEFT: 20px; FLOAT: left; WIDTH: 25px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT: 75px}
.blk_29 .LeftBotton:hover{
BACKGROUND: url(images/left.jpg) no-repeat 0px 0px;
}
.blk_29 .RightBotton {	margin-top:40px;RIGHT: 5px; BACKGROUND: url(images/right2.jpg) no-repeat -11px 0px; FLOAT: right; WIDTH: 36px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT: 75px}
.blk_29 .RightBotton:hover{
background: url(images/right.jpg) no-repeat -11px 0px;

}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 968px; PADDING-TOP: 5px;}
.blk_29 .box {	FLOAT: left; WIDTH: 152px; TEXT-ALIGN: center}
.blk_29 .box IMG {	BORDER-RIGHT: #add2fc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #add2fc 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #add2fc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #add2fc 1px solid}
.blk_29 .box A:hover IMG {	BORDER-RIGHT: #5385cc 1px solid; BORDER-TOP: #5385cc 1px solid; BORDER-LEFT: #5385cc 1px solid; BORDER-BOTTOM: #5385cc 1px solid}
.blk_29 .box P {	MARGIN: 6px auto 0px; WIDTH: 152px; LINE-HEIGHT: 20px}
.rollphotos {	MARGIN-TOP: 10px;WIDTH: 1002px;margin-bottom:80px;}
#leftcd{
width:650px;
height:500px;
background:#fff;
float:left;
border:1px solid #dfdfdf;
}
#rightcd{
width:320px;
height:500px;
background:#fff;
float:right;
border:1px solid #dfdfdf;
}
#maincd{
width:1002px;
height:500px;

margin:50px auto;
margin-bottom:20px;
}
#cdmore{
border:1px solid #dfdfdf;
width:1002px;
background:#f4f4f4;
height:35px;
line-height:35px;
font-family:宋体;
font-size:15px;
margin:10px auto;

}
#cdpic{
margin-left:10px;
width:204px;
height:204px;
background:#fbf0e4;
border:1px solid #dfdfdf;
float:left;


}

#cdinfo{

margin-top:10px;
width:320px;
height:204px;
margin-left:230px;

}
#cdpicture{
width:200px;
height:200px;
margin-left:2px;
margin-top:2px;
background:url(images/tear.jpg);


}
#cd1{
font-size:25px;
font-family:宋体;
line-height:30px;
font-weight:bold;


}
#cd2{
line-height:27px;
font-size:14px;
color:#666;
margin:5px;
}
#playsong{
float:left;
margin-top:7px;
}
#havesong{
margin-left:90px;
margin-top:7px;
}
 </style>
 </head>

 <body>
<script>
function bt(){
var box1=document.getElementById('bo');
var t=0;
if(box1.style.display='block')
{
 alert('您还没有登录！');
 return false;
	}else{return true;
}
}
</script>

  <div id="tittle">
   <div id="tittletop">
    <div  id="tittlemain">

      <div id="logo">
	   <ul>
	   <li> <a  title="忘忧校园音乐平台" href="index.jsp"><img src="images/logo.gif" width="180" height="57" ></a> </li>
	   </ul>
	 </div>

		 <div id="menu" >
	   <ul>

        <li ><a href="singer.jsp"><strong>歌手 </strong></a>&nbsp&nbsp
			 <a href="<s:url action="login_albumUI" namespace="/user"/>"><strong>专辑 </strong></a>&nbsp&nbsp
			 <a href="<s:url action="login_listenUI" namespace="/user"/>"><strong>随便听听</strong></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp				 
			 <a href="<s:url action="manage_addUI" namespace="/user"/>"><strong>快速注册</strong></a>&nbsp&nbsp&nbsp&nbsp	
		<div id="us">	 		 
	<s:if test="#request.suc==null">
    <a id ="bo" href="<s:url action="login_loginUI" namespace="/user"/>"><strong>登陆</strong></a>	
</s:if>
<s:else>
    <h1 style="font-size:15px;font-family:Verdana"><font color="red" id="log"><s:property value="#request.suc"/> </font></h1>
</s:else>
</div>

        </li>
	  </ul>
	 </div>

  </div>
  </div>
  </div>

<div id="maincd">
  <div id="leftcd">
    <div id="leftfirst">
	  <div id="cdpic">
          <div id="cdpicture">
		  </div>
	  </div>

	  <div id="cdinfo">
         <span id="cd1">谁的眼泪在飞</span>
		 <div style="line-height:25px;font-size:15px">

		 	    <li><a style="color:#666666">歌手：</a><span class="gengduo"><a href="singerinfo.jsp" >孟庭苇</a><span></li>
				<li><a style="color:#666666">地区：</a>中国台湾</li>
				<li><a style="color:#666666">曲风：</a>伤感</li>
				<li><a style="color:#666666">发行时间：</a>1993.02</li>
				<li><a style="color:#666666">发行公司：</a>上华唱片</li>
		   </div>
		  <div id="playsong">
            <a href="" ><img src="images/playsong.jpg" ></a>
	      </div>
	      <div id="havesong">
          <a href="" onclick="bt()"><img src="images/havesong.jpg" ></a>
	      </div>
	  </div>
	
	</div>
     <div  style="margin-top:10px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;width:650px;background:#f4f4f4;height:35px;line-height:35px;font-family:宋体;font-size:15px"> 
		   <b>专辑介绍<b>
	 </div>
    <div id="cd2">
      <p>　　孟庭苇是二十世纪九十年代台湾女歌手中清纯曲风的代表及影响最大者。她演唱的每首歌曲都受到广泛的欢迎和传唱，许多至今仍然是歌迷们公认的华语乐坛经典中的经典。她也被她的粉丝们爱称为“亚亚姐”。亚亚姐的艺名“孟庭苇”是公司请相士为亚亚算出来的，当时有几个名字供选择，其中还有一个是“孟庭轩”，当时老板很喜欢这个名字，可是亚亚觉得“孟庭轩”这个名字很像一个茶艺馆，所以老板尊重亚亚的意见选择了“孟庭苇” 这个名字！其中“苇”字，很多人认为是芦苇或者芦苇花的意思，其实是一种白色的小花。“庭苇”的意思就是庭院里白色的小花。是不是人如其名呢？她演唱的《谁的眼泪在飞》一唱三叹，充分演绎了原词作中那种主人公倔强而又善感的情绪。 </p>

	</div>
  </div>

  <div id="rightcd">
     <div class="persontittle"  style="border-bottom:1px solid #dfdfdf;width:320px;background:#f4f4f4;height:35px;line-height:35px;font-family:宋体;font-size:15px"> 
		   <b>歌曲列表<b>
	 </div>
                  <div  class="singersong" style="margin-top:10px;">&nbsp&nbsp
				  <a class="nb">01</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb">02</a>&nbsp&nbsp&nbsp<a href="" title="风里的梦">风里的梦</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb">03</a>&nbsp&nbsp&nbsp<a href="" title="你究竟有几个好妹妹">你究竟有几个好妹妹</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">04</a>&nbsp&nbsp&nbsp<a href="songinfo001.jsp" title="谁羞答答的玫瑰静悄悄地开">羞答答的玫瑰静悄悄地开</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">05</a>&nbsp&nbsp&nbsp<a href="" title="一个失恋的木偶">一个失恋的木偶</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">06</a>&nbsp&nbsp&nbsp<a href="" title="秋天的眼泪">秋天的眼泪</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">07</a>&nbsp&nbsp&nbsp<a href="" title="化身为海">化身为海</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">08</a>&nbsp&nbsp&nbsp<a href="" title="三生三世">三生三世</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">09</a>&nbsp&nbsp&nbsp<a href="" title="原本今生以为">原本今生以为</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">10</a>&nbsp&nbsp&nbsp<a href="" title="这一季有多长">这一季有多长</a><div class="playsong"><a  title="播放" href=""><img src="images/play1.gif" width="20" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div></li></div>
				 
  </div>
    
</div>
 <div id="cdmore" > 
		   <b>专辑相关<b>
	 </div>

  


   <div align="center">
<!--滚动图片 start-->

   <DIV class=rollphotos>

    <DIV class=blk_29>
    <DIV class=LeftBotton id=LeftArr></DIV>
    <DIV class=Cont id=ISL_Cont_1><!-- 图片列表 begin -->
    <DIV class=box><A class=imgBorder href="" target=_blank><IMG height=140  src="images/singer001pic1.jpg" width=140 
     border=0></A> 
   <P><A href="" target=_blank> 《Is Your Love True?》</A></P></DIV>
    <DIV class=box><A class=imgBorder href="" target=_blank><IMG height=140  src="images/singer001pic2.jpg" width=140 
    border=0></A> <P><A href="" target=_blank>《Ya Ya's Music Box》</A></P></DIV>
    <DIV class=box><A class=imgBorder href="" target=_blank><IMG height=140 src="images/singer001pic3.jpg" width=140 
     border=0></A> <P><A href="" target=_blank>《孟庭苇的炎夏》</A></P></DIV>
    <DIV class=box><A class=imgBorder href="" target=_blank><IMG height=140  src="images/singer001pic4.jpg" width=140
    border=0></A> <P><A href="" target=_blank>《幸福感》</A></P></DIV>
   <DIV class=box><A class=imgBorder href="" target=_blank><IMG height=140  src="images/singer001pic5.jpg" width=140 
    border=0></A> <P><A href="" target=_blank>《孟庭苇钻石精选集》</A></P></DIV>
   <DIV class=box><A class=imgBorder href="" target=_blank><IMG height=140  src="images/singer001pic6.jpg" width=140 
    border=0></A> <P><A href="" target=_blank>《爱到史艳文》</A></P></DIV><!-- 图片列表 end --></DIV>
    <DIV class=RightBotton id=RightArr></DIV></DIV>


      <SCRIPT language=javascript type=text/javascript>
		<!--//--><![CDATA[//><!--
		var scrollPic_02 = new ScrollPic();
		scrollPic_02.scrollContId   = "ISL_Cont_1"; //内容容器ID
		scrollPic_02.arrLeftId      = "LeftArr";//左箭头ID
		scrollPic_02.arrRightId     = "RightArr"; //右箭头ID

		scrollPic_02.frameWidth     = 910;//显示框宽度
		scrollPic_02.pageWidth      = 152; //翻页宽度

		scrollPic_02.speed          = 10; //移动速度(单位毫秒，越小越快)
		scrollPic_02.space          = 10; //每次移动像素(单位px，越大越快)
		scrollPic_02.autoPlay       = false; //自动播放
		scrollPic_02.autoPlayTime   = 3; //自动播放间隔时间(秒)

		scrollPic_02.initialize(); //初始化
							
		//--><!]]>
      </SCRIPT>
    </DIV>




</div>



 </body>
</html>
